<script lang="ts" setup>
import useAppStore from '@/store/app'

const appStore = useAppStore()
const {layout} = storeToRefs(appStore)

const color1 = ref('#409EFF')
</script>

<template>
    <div>
        <el-color-picker v-model="color1" />
    </div>
    <div>
        布局选择
        <ElButton @click="appStore.toggleLayout('TwoColumn')">TwoColumnLayout</ElButton>
        <ElButton @click="appStore.toggleLayout('Default')">DefaultLayout</ElButton>
        <ElButton @click="appStore.toggleLayout('Classic')">Classic</ElButton>
    </div>
    <div>
        面包屑是否展示<el-switch v-model="layout.showBreadCrumb" />
    </div>
    <div>
        侧边栏是否折叠<el-switch v-model="layout.isCollapse" />
    </div>
    <div>
        标签导航栏是否展示<el-switch v-model="layout.showTagsView" />
    </div>
</template>

<style scoped lang="scss"></style>